﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
	<meta charset="utf-8" />
    <script src="../script/jquery.min.js"></script>
    <script src="../script/jquery.easyui.min.js"></script>
    <link href="../themes/icon.css" rel="stylesheet" />
    <link href="../themes/default/easyui.css" rel="stylesheet" />
    <link href="../themes/Site.css" rel="stylesheet" />
    <style type="text/css">
        #cs {
            background: url(../images/background.jpg);
            background-size: 100% 100%;
            background-attachment: fixed;

        }
    </style>
    <script type="text/javascript">
        $(function () {
            BindMenuClickHrefEvent();
        })
        function BindMenuClickHrefEvent() {
            $(".ul-menu li a").click(function () {
                var src = $(this).attr("url");
                var titleShow = $(this).text();
                var strHtml = '<iframe id="frmWorkArea" width="100%" height="99%" frameborder="0" scrolling="no" src=' + src + '></iframe>';
                var isExist = $("#tt").tabs('exists', titleShow);
                if (!isExist) {
                    $("#tt").tabs('add', {
                        title: titleShow,
                        content: strHtml,
                        iconCls: 'icon-ok',
                        closable: true
                    });
                }
                else {
                    $("#tt").tabs('select', titleShow);
                }

            })
        }
      
    </script>
   
</head>

    <body class="easyui-layout">
         <div id="cs" data-options="region:'north',split:true" style="height:100px;"></div>
         <div data-options="region:'south',title:'South Title',split:true" style="height:170px;width:50px"></div>
         <div data-options="region:'west',title:'菜单导航',split:true" style="width:200px;">
             <div id="aa" class="easyui-accordion" style="width:200px;">
                 <div title="会员管理" data-options="iconCls:'icon-save'" style="overflow:auto;padding:10px;">
                     <ul class="ul-menu" style="">
                         <li><a url="index.html" href="#" style="text-decoration:none;color:black">会员列表</a></li>
                         
                     </ul>
                 
                 </div>
                 <div title="用户管理" data-options="iconCls:'icon-save'",selected:true" style="padding:10px;">
                     <ul class="ul-menu">
                         <li><a>用户列表</a></li>

                     </ul>
                 </div>
                 <div title="礼品管理" data-options="iconCls:'icon-save'",selected:true" style="padding:10px;">
                     <ul class="ul-menu">
                         <li><a>礼品列表</a></li>

                     </ul>
                 </div>
                 <div title="会员消费" data-options="iconCls:'icon-save'">
                     content2
                 </div>
                 <div title="积分兑换" >
                     content2
                 </div>
                 <div title="统计中心">
                     content2
                 </div>
             </div>
             </div>


         <div data-options="region:'center',title:''" style="padding:5px;background:#eee;width:100%;height:100%">
            

                 <div id="tt" class="easyui-tabs" data-options="tools:'#tab-tools',border:false,fit:true"
                      style="overflow:hidden;">
                    

                     </div>
             </div>
          

       
</body>


</html>
